<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta
			name="viewport"
			content="width=device-width, initial-scale=1.0"
		/>
		<title>文字滚动效果练习</title>
		<link
			rel="stylesheet"
			href="./dist/style.css"
		/>
		<script
			src="./index.js"
			defer
		></script>
	</head>
	<body>
		<div class="container">
			<div class="left-title">最新公告</div>
			<div class="mid-line"></div>
			<div class="scroll-container">
				<div class="content">
					<p class="item">Lorem ipsum dolor sit amet.</p>
					<p class="item">Sed soluta minus inventore animi.</p>
					<p class="item">Placeat impedit consectetur delectus consequatur.</p>
					<p class="item">Non, placeat? Perspiciatis, totam labore.</p>
				</div>
			</div>
		</div>
	</body>
</html>
